@CHARSET "UTF-8";
body{font-size:13px;margin:0px;background-color:#FFFFFF;text-align:left;color:#0073B2;}
ul{list-style-type:none;float:left;margin:0px;padding:0px;}
ul li{float:left;}
a{text-decoration:none;color:#5959C6;}
a:hover{color:#2626E9;}
a img{border:0px;}
.border{border:solid 1px #000;}
.com_width{width:900px;margin:0 auto;zoom:1;overflow:hidden;}
.loading{background:url("/Static/Image/loading.gif") no-repeat;}
.html{overflow:hidden;line-height:16pt}
.html p{padding:0px;margin:0px;line-height:16pt}
.text{border:1px solid #DDDDDD;}
.text:hover{border:1px solid #9494ED;}
.text:focus{border:1px solid #9494ED;}
.edit{background-color:#F3FAFB;overflow-y:scroll;line-height:16pt}
.edit p{padding:0px;margin:0px;line-height:16pt}
.btn:hover{cursor:pointer;color:blue;}
.btn_input{color:#FFF;border:1px solid #3399DD;background:url("/Static/Image/signin_btn_bg.png") repeat-x;}
.btn_input:hover{color:#FFFFFF;cursor:pointer;border:1px solid #7E7EF1;background-position:0 -5px;}
.menu{border-bottom:1px solid #C8E9FC;}
.menu .menu_img{padding-bottom:5px;float:right;margin-top:-2px;}
.main_menu{margin-left:8px;padding:8px 0px 8px 0px;font-weight:bold;font-size:14px;}
.sub_menu{margin:0px 0px 5px 18px;font-size:13px;}
.main_menu:hover,.sub_menu:hover{cursor:pointer;color:blue;}
.page{float:left;font-size:14px;margin:10px 0px 10px 0px;}
.disable{background-color:blue;width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:600;opacity:0.2;filter:alpha(opacity=20);display:none;}
.disable_content{position:fixed;left:35%;top:30%;z-index:610;background-color:#FFFFFF;display:none;padding:15px 30px 15px 30px;background-position:8px 11px;}
.header_wrapper{position:fixed;left:0px;top:0px;width:100%;z-index:500;background:url("/Static/Image/header_bg.png") repeat-x;}
.header{height:34px;}
.header li{margin-left:2px;}
.header li .title{float:left;padding:9px;color:blue;}
.header li a{color:#FFF;float:left;padding:9px;}
.header li a:hover{background-color:#498AAE;}
.header .logo{float:left;}
.header .content{width:780px;float:right;}
.header .content .left{float:left;font-size:14px;}
.header .content .middle{width:199px;height:25px;margin:6px 0px 0px 30px;background:url("/Static/Image/search_bg.png") no-repeat;float:left;}
.header .content .middle input{margin:3px 0px 0px 6px;border:none;width:155px;height:16px;background-color:#F4F4F4;padding:2px;float:left;}
.header .content .middle a{width:26px;height:23px;float:right;}
.header .content .right{float:right;}
.main_wrapper{margin:34px 0px 10px 0px;background-color:#C8E9FC;padding:20px 0px 20px 0px;}
.footer_wrapper{margin-bottom:10px;}
.footer{color:#666666;}
.footer .copyright{float:left;}
.footer .icon{font-size:20px;margin:-3px 2px 0px 0px;float:left;}
.footer .list{float:right;}
.footer li{margin-left:8px;}
.not_found{margin-top:50px;}
.not_found .img{margin-left:350px;}
.not_found .content{margin:30px 0px 100px 256px;font-size:16px;}
.introduce .left{float:left;width:700px;background-color:#FFFFFF;padding:20px;min-height:300px;color:#000000;}
.introduce .left .title{color:#324F65;font-size:23px;font-weight:bold;border-bottom:1px solid #D3D5D7;padding-bottom:15px;margin-bottom:15px;}
.introduce .left .feedback .content{height:200px;margin-bottom:10px;background-color:#F3FAFB;overflow-y:scroll;color:#0073B2;}
.introduce .left .feedback .btn{margin-right:20px;height:25px;}
.introduce .left .feedback .code{width:50px;height:15px;padding:4px 3px 4px 6px;}
.introduce .left .feedback .code_img{margin-bottom:-8px;padding:0px;}
.introduce .left .aboutus .note{color:#666666;margin-top:50px;}
.introduce .left .download div{margin-bottom:10px;}
.introduce .right{float:right;width:100px;padding:15px;background-color:#FFFFFF;}
.introduce .right ul{width:80px;}
.introduce .right li{width:100%;padding:8px 0px 8px 20px;border-bottom:1px solid #E2E6E8;font-size:14px;}
.introduce .right li a{color:#666666;}
.introduce .right li a:hover{color:#000000;} 
.signin .left{float:left;}
.signin .left img{width:600px;height:400px;}
.signin .right{float:right;}
.signin .right .signin{color:#8282B6;font-size:14px;width:240px;border:10px solid #FFF;padding:15px;background-color:#C6E1EF;}
.signin .right .signin .input{width:230px;height:20px;border:1px solid #C6FFFF;padding:5px;margin-bottom:10px;}
.signin .right .signin .input:hover{border:1px solid #C6FF00;}
.signin .right .signin .input:focus{border:1px solid #C6FF00;}
.signin .right .signin .main_title{font-weight:bold;font-size:20px;margin-bottom:15px;}
.signin .right .signin .title{margin-bottom:5px;}
.signin .right .signin .func{margin:10px 0px 10px 0px;}
.signin .right .signin .func a{margin-left:21px;}
.signin .right .signin .signin_btn{height:30px;width:100px;}
.signup{background-color:#FFFFFF;width:700px;padding:20px;font-size:14px;color:#9494ED;margin-left:75px;}
.signup .title{color:#8282B6;font-size:23px;font-weight:bold;border-bottom:1px solid #D3D5D7;padding-bottom:15px;}
.signup .signup_form{width:680px;margin:15px 0px 0px 10px;}
.signup .signup_form li{width:100%;margin-bottom:15px;}
.signup .signup_form li label{width:70px;float:left;padding:7px 10px 7px 0px;text-align:right;}
.signup .signup_form li input{font-size:13px;height:20px;width:200px;padding:5px 3px;}
.signup .signup_form li .tip{color:#BFBFC4;padding:7px 0px 7px 0px;}
.signup .signup_form .service{border:1px solid #BFBFC4;padding:8px;height:70px;font-size:13px;color:#A1A1C6;overflow:auto;float:left;}
.signup .signup_form .service:hover{cursor:pointer;}
.signup .signup_form .service h2{margin:0px 0px 8px 0px;}
.signup .signup_form .service p{margin:0px;}
.signup .signup_form .service h3{margin:8px 0px 8px 0px;}
.signup .signup_form .service ol{margin:0px;}
.signup .signup_form .service ol li{margin:0px;}
.signup .signup_form .signup_btn{height:30px;width:260px;margin-top:20px;}
.blog_list .left{width:180px;margin-left:5px;background-color:#F5F4F4;padding:8px;float:left;}
.blog_list .left .sub_menu_wrapper{padding-bottom:5px;}
.blog_list .right{width:650px;margin-right:8px;background-color:#F5F4F4;padding:8px;float:right;}
.blog_list .right .title_list{width:643px;float:left;padding:5px 0px 5px 5px;margin-bottom:8px;border-bottom:1px solid #C8E9FC;}
.blog_list .right .title_list .title{font-size:16px;font-weight:bold;overflow:hidden;margin-bottom:8px;}
.blog_list .right .title_list .info span{margin-right:8px;}
.blog_detail .article{background-color:#FFFFFF;padding:15px;}
.blog_detail .article .title{border-bottom:1px solid #C8E9FC;padding-bottom:8px;}
.blog_detail .article .title .name{font-size:23px;font-weight:bold;}
.blog_detail .article .title .info{margin:8px 0px 0px 3px;}
.blog_detail .article .title .delete_btn:hover{cursor:pointer;color:blue;}
.blog_detail .article .content{font-size:14px;margin-top:10px;}
.blog_detail .like{background-color:#FFFFFF;padding:10px;margin-top:5px;}
.blog_detail .like .last{overflow:hidden;width:405px;height:14px;float:left;margin-right:50px;}
.blog_detail .like .next{overflow:hidden;width:405px;height:14px;}
.blog_detail .comment{background-color:#FFFFFF;padding:15px;margin-top:5px;}
.blog_detail .comment .title{font-size:20px;font-weight:bold;margin-bottom:5px;}
.blog_detail .comment .comment_list{margin-bottom:8px;padding:5px 5px 10px 5px;border-bottom:1px dotted #CCCCCC;}
.blog_detail .comment .comment_list .info span{margin-right:3px;}
.blog_detail .comment .comment_list .info .floor{font-weight:bold;}
.blog_detail .comment .comment_list .content{margin:5px 0px 0px 35px;}
.blog_detail .comment .write_comment{margin-top:20px;padding:0px 35px 0px 35px;}
.blog_detail .comment .write_comment .info{margin:10px 0px 5px 0px;}
.blog_detail .comment .write_comment .info .name{font-weight:bold;}
.blog_detail .comment .write_comment .content{margin-bottom:5px;height:150px;}
.blog_detail .comment .write_comment .func{padding:0px;magin:0px;}
.blog_detail .comment .write_comment .func .btn{margin-right:20px;height:25px;}
.blog_detail .comment .write_comment .func .code{width:50px;height:15px;padding:4px 3px 4px 6px;}
.blog_detail .comment .write_comment .func .code_img{margin-bottom:-8px;padding:0px;}
.blog_change{padding:0px 2px 0px 2px;}
.blog_change .title{}
.blog_change .title_title{font-size:15px;font-weight:bold;}
.blog_change .title_content{height:20px;width:600px;padding:2px;}
.blog_change .class{margin:5px 0px 8px 0px;}
.blog_change .class_title{font-size:15px;font-weight:bold;}
.blog_change .class_content{width:100px;padding:3px;border:1px solid #FFFFFF;}
.blog_change .article{width:100%;height:330px;background-color:#F3FAFB;overflow-y:scroll;border:1px solid #CCCCCC;border-top:0px;}
.blog_change .func{margin-top:10px;}
.blog_change .func .btn{height:25px;}
.setting .left{width:180px;margin-left:5px;background-color:#F5F4F4;padding:8px;float:left;}
.setting .right{width:650px;margin-right:8px;background-color:#F5F4F4;padding:8px;float:right;}
.setting .right .member{border-bottom:1px dotted #CCCCCC;margin-bottom:8px;padding-bottom:5px;}
.setting .right .member div{margin-bottom:5px;}
.setting .right .member .func{margin-left:5px;}
.setting .right .member .info{font-weight:bold;}
.setting .right .class .class_wrapper{margin-bottom:15px;}
.setting .right .class .class_wrapper span{margin-right:10px;}
.setting .right .class .class_wrapper .sub_class{margin:5px 0px 0px 42px;}
.setting .right .class .class_wrapper .class_sort{width:40px;height:20px;}
.setting .right .class .class_wrapper .class_content{width:200px;height:20px;}
.setting .right .comment{border-bottom:1px dotted #CCCCCC;margin-bottom:8px;padding-bottom:5px;}
.setting .right .comment .info .name{font-weight:bold;}
.setting .right .comment .content{margin-top:10px;}
.setting .right .feedback{border-bottom:1px dotted #CCCCCC;margin-bottom:8px;padding-bottom:5px;}
.setting .right .feedback .info .name{font-weight:bold;}
.setting .right .feedback .content{margin-top:10px;}